<div class="warper">
    <div class="header">
        <p class="p1"> 验证发送至 </p>
        <p class="p2">
            {{ account | account}}
            <button (click)="changeAccount()"> 更改账号</button>
        </p>
    </div>
    <div class="content">
        <form class="form" nz-form nzLayout="vertical" [formGroup]="passwordForm">
            <nz-form-item>
                <nz-form-label>
                    <label>验证码 *</label>
                </nz-form-label>
                <nz-form-control>
                    <nz-input-group nzCompact>
                        <input type="text" nz-input style="width: 70%;" formControlName="authCode">
                        <input type="button" nz-input (click)="getAuthCodeLable()" [value]="authCodeLable"
                            style="width:30%;color: rgba(29,117,224,1);">
                        <!-- <button nz-input class="button" style="width: 30%">发送验证码</button>   -->
                    </nz-input-group>
                </nz-form-control>
            </nz-form-item>
            <nz-form-item>
                <nz-form-label>
                    <label>新密码 *</label>
                </nz-form-label>
                <nz-form-control>
                    <input nz-input type="password" placeholder="请输入新密码" formControlName="newPassword"
                        name="newPassword">
                </nz-form-control>
            </nz-form-item>
            <nz-form-item>
                <nz-form-label>
                    <label>确认密码 *</label>
                </nz-form-label>
                <nz-form-control>
                    <input nz-input type="password" placeholder="请再次输入密码" formControlName="confirmPassword"
                        name="confirmPassword">
                    <nz-form-explain
                        *ngIf="passwordForm.errors?.pattern && (passwordForm.touched || passwordForm.dirty)">密码格式不对
                    </nz-form-explain>
                    <nz-form-explain
                        *ngIf="passwordForm.errors?.passwordError && (passwordForm.touched || passwordForm.dirty)">
                        两次密码不一致</nz-form-explain>
                </nz-form-control>
            </nz-form-item>
        </form>
    </div>
    <div class="footer">
        <button nz-button nzType="primary" [disabled]="!passwordForm.valid" (click)="signup()">注册</button>
    </div>
</div>